﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>DatePicker Events</title>
	<link type="text/css" href="style.css" rel="stylesheet" />
	<link type="text/css" href="../../../../src/ui/calendar/datepicker/default.css" rel="stylesheet">
	<style>
		#debug
		{
			padding: 30px;
			border: 1px solid #666;
		}
	</style>
</head>
<body>
	<h1>
		DatePicker Events</h1>
	<p>
		This shows the different Events DatePicker fires. You can use the <code>onSelect</code>
		event if you want to display the selected date elsewhere for example.
	</p>
	<div id="debug">
		&nbsp;</div>
	<p>
		Inputs:
		<input type="text" name="testDate" id="testDate" value="02/08/1991 11:05AM" />
	</p>
	<script type="text/javascript" charset="utf-8" src="../../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../../src/demo/action/ui/calendar/datepicker/events.js"></script>
</body>
</html>
